كد بازى پازل با طراحى جديد
كد بازى پازل با طراحى جديد
تاريخ : دو شنبه 13 آذر 1391برچسب:,
| 22:31 | نویسنده : اميرعلى

اين كد يه بازى انلاين كه خيلى حال ميده

اينم كدش:

<!--Best Codes By WwW.javakode.loxblog.com\Please Dont Delete this Line-->


<style>

.bigcell {

  background-color:#ffffff;


  border:1px dashed #000000;


  text-align:center;}


.cell {


  width:30px;


  height:30px;


  font-family:tahoma;


  font-size:8.5pt;


  font-weight:bold;


  background-color:#cococo;


  color:#000000;


  border-top:2px solid #aa9966;


  border-left:2px solid #aa9966;


  border-right:2px solid #663300;


  border-bottom:2px solid #663300;


  text-align:center;


}


.hole {


  width:40px;


  height:40px;


  background-color:#aa9966;


  text-align:center;


}


body, h1, h2, h3, .msg, capt1, capt2 {font-family:Verdana,Comic Sans MS,Arial;}


body {margin:0px;}


h1 {font-size:28pt; font-weight:bold; margin-bottom:0px;}


h2 {font-size:16pt; margin:0px; font-weight:bold;}


h3 {font-size:8pt; margin:0px; font-weight:bold;}


.msg {font-size:8pt; font-weight:bold;}


.tab {cursor:hand;}


.capt1 {font-size:10pt; font-weight:bold;}


.capt2 {font-size:9pt; font-weight:bold;}


.capt3 {font-size:14pt; font-weight:bold; color:yellow;}


.capt4 {font-size:10pt; font-weight:bold; color:yellow;}


.but {font-size:9pt; font-weight:bold; height:30px;background-color:#aaaa99;}


</style>




</HEAD>

<!-- Insert the onLoad event handler into your BODY tag  -->

<BODY onLoad="loadBoard(4)">

<!--Copy this code into the BODY of your HTML document  -->

<script>

var gsize, ghrow, ghcol, gtime, gmoves, gintervalid=-1, gshuffling;




function toggleHelp()


{


  if (butHelp.value == "Hide Help")


  {


    help.style.display = "none";


    butHelp.value = "Show Help";


  }


  else


  {


    help.style.display = "";


    butHelp.value = "Hide Help";


  }  


}




//random number between low and hi


function r(low,hi)


{


  return Math.floor((hi-low)*Math.random()+low); 


}




//random number between 1 and hi


function r1(hi)


{


  return Math.floor((hi-1)*Math.random()+1); 


}




//random number between 0 and hi


function r0(hi)


{


  return Math.floor((hi)*Math.random()); 


}




function startGame()


{


  shuffle();


  gtime = 0;


  gmoves = 0;


  tickTime();


  gintervalid = setInterval("tickTime()",1000);


}




function stopGame()


{


  if (gintervalid==-1) return;


  clearInterval(gintervalid);


  fldStatus.innerHTML = "";


  gintervalid=-1;


}




function tickTime()


{


  showStatus();


  gtime++;


}




function checkWin()


{


  var i, j, s;


  


  if (gintervalid==-1) return; //game not started!


  


  if (!isHole(gsize-1,gsize-1)) return;


  


  for (i=0;i<gsize;i++)


    for (j=0;j<gsize;j++)


    {


      if (!(i==gsize-1 && j==gsize-1)) //ignore last block (ideally a hole)


      {


       if (getValue(i,j)!=(i*gsize+j+1).toString()) return;


      }


    }


  stopGame();




  s = "<table cellpadding=4>";


  s += "<tr><td align=center class=capt3>!! CONGRATS !!</td></tr>";


  s += "<tr class=capt4><td align=center>You have done it in " + gtime + " secs ";


  s += "with " + gmoves + " moves!</td></tr>";


  s += "<tr><td align=center class=capt4>Your speed is " + Math.round(1000*gmoves/gtime)/1000 + " moves/sec</td></tr>";


  s += "</table>";


  fldStatus.innerHTML = s;


//  shuffle();


}




function showStatus()


{


  fldStatus.innerHTML = "Time: " + gtime + " secs   Moves: " + gmoves


}




function showTable()


{


  var i, j, s;


  


  stopGame();


  s = "<table border=3 cellpadding=0 cellspacing=0 bgcolor='#666655'><tr><td class=bigcell>";


  s = s + "<table border=0 cellpadding=0 cellspacing=0>";


  for (i=0; i<gsize; i++)


  {


    s = s + "<tr>";    


    for (j=0; j<gsize; j++)


    {


      s = s + "<td id=a_" + i + "_" + j + " onclick='move(this)' class=cell>" + (i*gsize+j+1) + "</td>";


    }


    s = s + "</tr>";        


  }


  s = s + "</table>";


  s = s + "</td></tr></table>";      


  return s;


}




function getCell(row, col)


{


  return eval("a_" + row + "_" + col);


}




function setValue(row,col,val)


{


  var v = getCell(row, col);


  v.innerHTML = val;


  v.className = "cell";


}




function getValue(row,col)


{


//  alert(row + "," + col);




  var v = getCell(row, col);


  return v.innerHTML;


}




function setHole(row,col)


{ 


  var v = getCell(row, col);


  v.innerHTML = "";


  v.className = "hole";


  ghrow = row;


  ghcol = col;


}




function getRow(obj)


{


  var a = obj.id.split("_");


  return a[1];


}




function getCol(obj)


{


  var a = obj.id.split("_");


  return a[2];


}




function isHole(row, col)


{


  return (row==ghrow && col==ghcol) ? true : false;


}




function getHoleInRow(row)


{


  var i;


  


  return (row==ghrow) ? ghcol : -1;


}




function getHoleInCol(col)


{


  var i;




  return (col==ghcol) ? ghrow : -1;


}




function shiftHoleRow(src,dest,row)


{


  var i;




  //conversion to integer needed in some cases!


  src = parseInt(src);


  dest = parseInt(dest);




  if (src < dest)


  {


    for (i=src;i<dest;i++)


    {


      setValue(row,i,getValue(row,i+1));


      setHole(row,i+1);


    }


  }


  if (dest < src)


  {


    for (i=src;i>dest;i--)


    {


      setValue(row,i,getValue(row,i-1));


      setHole(row,i-1);


    }


  }


}




function shiftHoleCol(src,dest,col)


{


  var i;


  


  //conversion to integer needed in some cases!


  src = parseInt(src);


  dest = parseInt(dest);


    


  if (src < dest)


  {//alert("src=" + src +" dest=" + dest + " col=" + col);


    for (i=src;i<dest;i++)


    {//alert(parseInt(i)+1);


      setValue(i,col,getValue(i+1,col));


      setHole(i+1,col);


    }


  }


  if (dest < src)


  {


    for (i=src;i>dest;i--)


    {


      setValue(i,col,getValue(i-1,col));


      setHole(i-1,col);


    }


  }


}




function move(obj)


{


  var r, c, hr, hc;




  if (gintervalid==-1 && !gshuffling) 


  {


    alert('Please press the "Start Game" button to start.')


    return;


  }


  r = getRow(obj);


  c = getCol(obj);


  if (isHole(r,c)) return;


  


  hc = getHoleInRow(r);


  if (hc != -1)


  {


    shiftHoleRow(hc,c,r);


    gmoves++;


    checkWin();


    return;


  }


  


  hr = getHoleInCol(c);




  if (hr != -1)


  {


    shiftHoleCol(hr,r,c);


    gmoves++;


    checkWin();


    return;


  }


}




function shuffle()


{


  var t,i,j,s,frac;




  gshuffling =  true;


  frac = 100.0/(gsize*(gsize+10));


  s = "% ";


  for (i=0;i<gsize;i++)


  {


    s += "|";


    for (j=0;j<gsize+10;j++)


    {  


      window.status = "Loading " + Math.round((i*(gsize+10) + j)*frac) + s  


      if (j%2==0)


      {


        t = r0(gsize);


        while (t == ghrow) t = r0(gsize); //skip holes


        getCell(t,ghcol).click();


      } 


      else


      {


        t = r0(gsize);


        while (t == ghcol) t = r0(gsize); //skip holes


        getCell(ghrow,t).click();


      }


    }


  }


  window.status = "";


  gshuffling = false;


}




function loadBoard(size)


{


  gsize = size;


  


  board.innerHTML = showTable(gsize);


  setHole(gsize-1,gsize-1);


  //shuffle();


}


</script>


<body bgcolor="#C0C0C0" text="white">


<center>




<p>


<div id=test></div>


<table cellpadding=4>


<tr><td align=center>


<p align="left" style="margin-bottom: -10">

<a href="http://www.javascripts.persianblog.com" style="text-decoration: none">

<font style="font-size: 12pt; font-weight:700" face="Times New Roman">javascripts</font></a></p>

<p><b><font face="Times New Roman" color="#800000">C</font></b><font face="Times New Roman" color="#800000"><b>hoose Level: </B>


<select id=level onchange="loadBoard(parseInt(level.value))">


<option value='3'>3</option>


<option value='4' selected>4</option>


<script>

for (var i=5;i<=10;i++)

{

  document.write("<option value='" + i + "'>" + i + "</option>");

}

</script>

</select></font><font face="Times New Roman" color="#800000"> </font>

</td></tr>

<tr><td align=center>

<input type=button class=but value="Start Game" onclick="startGame();">

<tr><td align=center id=fldStatus class=capt2>

</td></tr>

</table>

<div id=board></div>

<p> 

<p>

<p><center>

 </center><p>



<!--Best Codes By WwW.Javacode.loxblog.com\Please Dont Delete this Line-->

 


نظرات شما عزیزان:

عماد
ساعت22:50---13 آذر 1391
سلام داداش خوبی میخواستم بپرسم که این کد رو کجا و چجوری باید بزارم خواهش میکنم هرچه سریع تر بیا به وبم بهم جوابمو بده ممنون.

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:







طراح قالب : پیچک | Weblog Themes By : Pichak.net
RSS Feed  |  Pichak.Net

  • دانلود فیلم